<div class="next-rental next-rental-hook">
    <div class="title">
        当前位置：租单管理&nbsp;->&nbsp;托盘租赁&nbsp;->&nbsp;<span class="active">租单新增下一步</span>
    </div>
    <form class="form-horizontal next-create-rental-form" method="post">
    <div class="order_operation_btn fr">
        <button class="primary_btn" >提交订单</button>
        <a class="primary_btn" @click.stop="prevStep()">上一步</a>
        <a class="default_btn cancle_btn fr" @click.stop="cancleBack()">取消下单</a>
    </div>
    <div class="inner-wrapper">
        <ul class="detail_contain">
            <li>
                <h3>订单信息</h3>
                <ol class="detail_list">
                    <li>
                        <p><span>客户名称：</span><i v-text="info.customerName"></i></p>
                        <p><span>客户地址：</span><i v-text="info.customerAddress"></i></p>
                        <p><span>客户电话：</span><i v-text="info.customerPhone"></i></p>
                    </li>
                </ol>
            </li>
            <li>
                <div class="rent_info">
                    <p class="total_amout"><i>托盘总数</i><span v-text="info.totalQuantity"></span></p>
                    <div class="amout_table">
                        <table>
                            <thead>
                            <tr>
                                <th>塑料托盘</th>
                                <th>木质托盘</th>
                                <th>压模托盘</th>
                                <th>其他托盘</th>
                            </tr>
                            </thead>
                            <tbody>
                            <tr>
                                <td v-text="info.palletTypesNum"></td>
                                <td v-text="info.palletTypemNum"></td>
                                <td v-text="info.palletTypeyNum"></td>
                                <td v-text="info.palletTypeqNum"></td>
                            </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="other_info">
                        <h3>备注信息</h3>
                        <textarea v-model="info.remark" name="remark"></textarea>
                    </div>
                    <div class="other_info">
                        <h3>付费方式</h3>
                        <ol class="pay_info">
                            <li>
                                <h5>
                                    <label for="">
                                    <input type="radio"  name="paymentMethod" value="1" @click="info.paymentMethod = 1" :checked="info.paymentMethod === 1" >1.银行转账
                                    </label>
                                </h5>
                               <!-- <p>开户行：XXXX银行</p>
                                <p>开户名：XXX</p>
                                <p>银行账户：1234567899</p>-->
                            </li>
                            <li>
                                <h5>
                                    <label for="">
                                    <input type="radio" name="paymentMethod" value="2" @click="info.paymentMethod = 2" :checked="info.paymentMethod === 2" >2.微信转账
                                    </label>
                                </h5>
                              <!--  <span class="account_img"></span>-->
                            </li>
                            <li>
                                <h5>
                                    <label for="">
                                    <input type="radio"  name="paymentMethod" value="3" @click="info.paymentMethod = 3" :checked="info.paymentMethod === 3" >3.支付宝转账
                                    </label>
                                </h5>
                            </li>
                        </ol>
                    </div>
                </div>
                <div class="price_info">
                   <!-- <h3>费用信息</h3>-->
                    <ol class="detail_list">
                        <li v-cloak>
                            <h4>租金汇总</h4>
                            <p>{{totalRental | formatPrice}}</p>
                        </li>
                        <li v-cloak>
                            <h4>保证金汇总</h4>
                            <p >{{totalDeposit | formatPrice}}</p>
                        </li>
                       <!-- <li>
                            <h4>运输费用</h4>
                            <p></p>
                        </li>-->
                        <li v-cloak>
                            <h4>费用总计</h4>
                            <p>{{totalCosts | formatPrice}}</p>
                        </li>
                    </ol>
                </div>
            </li>
        </ul>
    </div>
    </form>
</div>
<script type="text/javascript" src="js/back/rent/rental/client-next-rental.js" custom></script>